@import "variables";

seed-plan#seed-class-plan {
  .class-name{
    height: pxTorem(90);
    line-height: pxTorem(90);
    padding: 0 pxTorem(24);
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: standard($f, f2);
    color: color(c2);
    font-weight: bold;
  }
  .plan-header {
    padding: 0 0 pxTorem(30);
    .plan-title {
      padding-bottom: pxTorem(20px);
    }
    .seed-tab {
      position: relative;
      display: block;
      a {
        font-size: standard($f, f3);
      }
      .button-edit {
        position: absolute;
        right: pxTorem(50px);
        top: pxTorem(30px);
        @include icon(44, 44, '#{$icons-path}/circle_deit.png')
      }
      .seed-tab-item {
        position: relative;
        min-height: pxTorem(160px);
        .plan-header-name{
          position: relative;
          height: pxTorem(90);
          line-height: pxTorem(90);
          padding-left: pxTorem(24);
          &:after {
            position: absolute;
            left: 0;
            top: pxTorem(30);
            content: '';
            display: flex;
            justify-content: space-between;
            width: pxTorem(6);
            height: pxTorem(28);
            background: color($h5, c1);
          }
        }
        .each-tab {
          line-height: 1.4;
          padding: 0 pxTorem(24);
        }
        .tab-show {
          overflow-y: scroll;
          height: 100%;
        }
        .item-no-data {
          line-height: pxTorem(140px);
          text-align: center;
          color: color(c4);
          @include font-size(f4);
        }
        .text-switch {
          color: color(c1);
          @include font-size(f4);
        }
      }
    }
  }

  .plan-content {
    .content-title {
      height: pxTorem(90);
      line-height: pxTorem(90);
      padding-left: pxTorem(24);
      position: relative;
      font-size: standard($f, f4);
      color: color(c2);
      &:after {
        position: absolute;
        left: 0;
        top: pxTorem(30);
        content: '';
        display: flex;
        justify-content: space-between;
        width: pxTorem(6);
        height: pxTorem(28);
        background: color($h5, c1);
      }
    }
    .content-content{
      padding: 0 pxTorem(24px);
      .content-item {
        padding: pxTorem(20px) 0;
        .subject-name {
          font-size: standard($f, f2);
          @include set-color(c2);
          padding-right: pxTorem(64px);
          @include over-ellipsis();
          flex: 1;
        }
        .teacher-name {
          font-size: standard($f, f4);
          @include set-color(c4);
          margin-right: pxTorem(20);
        }
      }
    }
  }
}

